<?php
$left = 'Left';
$left .= '<br><span onClick="openAddress()">Adressen</span>';
$left .= '<br><span onClick="openBill()">Rechnungen</span>';
$left .= '<br><span onClick="openCheckout()">Kasse</span>';
$left .= '<br><span onClick="openProduct()">Produkte</span>';
$left .= '<br><span onClick="createBill()">Rechnung erstellen</span>';

$this->headMeta()->appendHttpEquiv('Content-Type',
                                   'text/html; charset=UTF-8');
?>

<html>
    <head>
	
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<base href="<?php echo $this->baseUrl(); ?>" />
	<?php echo $this->headLink(); ?>
        <?php echo $this->headScript(); ?>
        <?php echo $this->headTitle() ?>
        <?php echo $this->headMeta() ?> 
        
	<script src="<?php echo $this->baseUrl(); ?>/dojo/dojo/dojo.js" data-dojo-config="parseOnLoad: true"></script>
	
	
	
	<script>
	    require(["dojo/parser", 
		"dijit/layout/ContentPane", 
		"dijit/layout/BorderContainer",
		"dojox/grid/DataGrid",
		"dojo/data/ItemFileWriteStore",
		"dijit/form/TextBox",
		"dijit/form/Button",
		"dijit/form/Form",
		"dijit/form/FilteringSelect",
		"dijit/form/DateTextBox",
		"dijit/form/CurrencyTextBox",
		"dijit/form/CheckBox",
		"dojox/form/Uploader",
		"dojox/embed/Flash",
		"dojox/form/uploader/plugins/IFrame",
		"dijit/Dialog",
		"dojo/_base/xhr",
		"dojo/dom",
		"dojo/json"
	    ]);
//	    if(dojox.embed.Flash.available){
//		dojo.require("dojox.form.uploader.plugins.Flash");
//		console.log("flash");
//	    }else{
//		dojo.require("dojox.form.uploader.plugins.IFrame");
//		console.log("iframe");
//	    }
	</script>
	<script src="<?php echo $this->baseUrl(); ?>/js/default.js"></script>
	<script src="<?php echo $this->baseUrl(); ?>/js/checkout.js"></script>
	<script src="<?php echo $this->baseUrl(); ?>/js/address.js"></script>
	<script src="<?php echo $this->baseUrl(); ?>/js/product.js"></script>
	<script src="<?php echo $this->baseUrl(); ?>/js/bill.js"></script>
	<script src="<?php echo $this->baseUrl(); ?>/js/upload.js"></script>
	<link rel="stylesheet" type="text/css" 
	      href="<?php echo $this->baseUrl(); ?>/dojo/dijit/themes/claro/claro.css">
	<link rel="stylesheet" type="text/css" 
	      href="<?php echo $this->baseUrl(); ?>/dojo/dojox/grid/resources/Grid.css">
	<link rel="stylesheet" type="text/css" 
	      href="<?php echo $this->baseUrl(); ?>/dojo/dojox/grid/resources/claroGrid.css">
	<style>
	    html, body {
		width: 100%;
		height: 100%;
		margin: 0;
		overflow:hidden;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	    }

	    #layoutPriorityBorderContainer {
		width: 100%;
		height: 100%;
	    }
	    .dojoxGrid table {
		margin: 0;
	    }
	    dd{
		margin:0px;
		padding: 0px;
	    }
	</style>
	
    </head>
    <body class="claro">
	<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" id="layoutPriorityBorderContainer">
	    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'leading'" style="width: 200px;"><?php echo $left ?></div>
	    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'center'" id ="myCenter"></div>
	</div>
	<?php echo $this->layout()->content; ?>
    </body>
</html>



